import BackTop from './BackTop'

// Vue 插件定义
const plugin = {
  install: Vue => {
    // 注册全局组件
    Vue.component('BackTop', BackTop)

    // 注册全局自定义指令
    Vue.directive('back-top', {
      inserted(el) {
        // 点击，回到顶部
        el.addEventListener('click', () => {
          document.querySelector('main').scrollTop = 0
        }, false)

        // 显示/隐藏元素
        el.style.display = 'none'
        document.querySelector('main').addEventListener('scroll', event => {
          el.style.display = event.target.scrollTop >= 1000 ? 'block' : 'none'
        }, false)
      },
    })
  },
}

export default plugin
